<!doctype html>
<html class="no-js" lang="zxx">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Cosmotour观宇国际青年旅行</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="manifest" href="#">
    <!-- CSS here -->
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="static/css/flaticon.css">
    <link rel="stylesheet" href="static/css/slicknav.css">
    <link rel="stylesheet" href="static/css/animate.min.css">
    <link rel="stylesheet" href="static/css/magnific-popup.css">
    <link rel="stylesheet" href="static/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="static/css/themify-icons.css">
    <link rel="stylesheet" href="static/css/slick.css">
    <link rel="stylesheet" href="static/css/nice-select.css">
    <link rel="stylesheet" href="static/css/style.css">
  </head>
   <body>
    <!-- Preloader Start -->
    <div id="preloader-active">
        <div class="preloader d-flex align-items-center justify-content-center">
            <div class="preloader-inner position-relative">
                <div class="preloader-circle"></div>
                <div class="preloader-img pere-text">
                    <img src="static/picture/logo.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <header class="headers"></header>
    <main>
        <!-- slider Area Start-->
        <div class="slider-area ">
            <!-- Mobile Menu -->
            <div class="slider-active">
                <div class="single-slider hero-overly  slider-height d-flex align-items-center" data-background="static/image/activity1.png">
                </div>
            </div>
        </div>
        <!-- slider Area End-->
        <!-- Our Services Start -->
        <!-- <div class="our-services servic-padding">
            <div class="container">
                <div class="row d-flex justify-contnet-center">
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6">
                        <div class="single-services text-center mb-30">
                            <div class="services-ion">
                                <span class="flaticon-tour"></span>
                            </div>
                            <div class="services-cap">
                                <h5>8000+ Our Local<br>Guides</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6">
                        <div class="single-services text-center mb-30">
                            <div class="services-ion">
                                <span class="flaticon-pay"></span>
                            </div>
                            <div class="services-cap">
                                <h5>100% Trusted Tour<br>Agency</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6">
                        <div class="single-services text-center mb-30">
                            <div class="services-ion">
                                <span class="flaticon-experience"></span>
                            </div>
                            <div class="services-cap">
                                <h5>28+ Years of Travel<br>Experience</h5>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-3 col-sm-6">
                        <div class="single-services text-center mb-30">
                            <div class="services-ion">
                                <span class="flaticon-good"></span>
                            </div>
                            <div class="services-cap">
                                <h5>98% Our Travelers<br>are Happy</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
         <!-- Our Services End -->
        <!-- Favourite Places Start -->
        <div class="favourite-place midcenter">
            <div class="container">
                <!-- Section Tittle -->
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-tittle text-center">
                            <span>/和一群朋友，赴一场山河</span>
                            <h2>山河宇宙，从这里开启</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-place mb-30">
                            <div class="place-img">
                              <img src="static/picture/travel/tv01.jpg" alt="">
                            </div>
                            <div class="place-cap">
                                <div class="place-cap-top">
                                    <span><i class="fas fa-star"></i><span>8.0</span> </span>
                                    <h3><a href="#">婺源油菜花</a></h3>
                                    <p class="dolor">1870 <span>/人</span></p>
                                </div>
                                <div class="place-cap-bottom">
                                    <ul>
                                        <li><i class="far fa-clock"></i>3天2晚</li>
                                        <li><i class="fas fa-map-marker-alt"></i>江西</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-place mb-30">
                            <div class="place-img">
                                <img src="static/picture/travel/tv02.jpg" alt="">
                            </div>
                            <div class="place-cap">
                              <div class="place-cap-top">
                                  <span><i class="fas fa-star"></i><span>8.0</span> </span>
                                  <h3><a href="#">塘沽轮渡</a></h3>
                                  <p class="dolor">2650 <span>/人</span></p>
                              </div>
                              <div class="place-cap-bottom">
                                  <ul>
                                      <li><i class="far fa-clock"></i>3天2晚</li>
                                      <li><i class="fas fa-map-marker-alt"></i>天津</li>
                                  </ul>
                              </div>
                          </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-place mb-30">
                            <div class="place-img">
                                <img src="static/picture/travel/tv03.jpg" alt="">
                            </div>
                            <div class="place-cap">
                              <div class="place-cap-top">
                                  <span><i class="fas fa-star"></i><span>8.0</span> </span>
                                  <h3><a href="#">长城畅玩</a></h3>
                                  <p class="dolor">800 <span>/人</span></p>
                              </div>
                              <div class="place-cap-bottom">
                                  <ul>
                                      <li><i class="far fa-clock"></i>2天1晚</li>
                                      <li><i class="fas fa-map-marker-alt"></i>北京</li>
                                  </ul>
                              </div>
                          </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-place mb-30">
                            <div class="place-img">
                              <img src="static/picture/travel/tv04.jpg" alt="">
                            </div>
                            <div class="place-cap">
                              <div class="place-cap-top">
                                  <span><i class="fas fa-star"></i><span>9.0</span> </span>
                                  <h3><a href="#">马家坞</a></h3>
                                  <p class="dolor">5800 <span>/人</span></p>
                              </div>
                              <div class="place-cap-bottom">
                                  <ul>
                                      <li><i class="far fa-clock"></i>4天3晚</li>
                                      <li><i class="fas fa-map-marker-alt"></i>杭州</li>
                                  </ul>
                              </div>
                          </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-place mb-30">
                            <div class="place-img">
                              <img src="static/picture/travel/tv05.jpg" alt="">
                            </div>
                            <div class="place-cap">
                              <div class="place-cap-top">
                                  <span><i class="fas fa-star"></i><span>9.0</span> </span>
                                  <h3><a href="#">天池</a></h3>
                                  <p class="dolor">5800 <span>/人</span></p>
                              </div>
                              <div class="place-cap-bottom">
                                  <ul>
                                      <li><i class="far fa-clock"></i>4天3晚</li>
                                      <li><i class="fas fa-map-marker-alt"></i>杭州</li>
                                  </ul>
                              </div>
                          </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6">
                        <div class="single-place mb-30">
                            <div class="place-img">
                              <img src="static/picture/travel/tv09.jpg" alt="">
                            </div>
                            <div class="place-cap">
                              <div class="place-cap-top">
                                  <span><i class="fas fa-star"></i><span>9.0</span> </span>
                                  <h3><a href="#">黄山</a></h3>
                                  <p class="dolor">1688 <span>/人</span></p>
                              </div>
                              <div class="place-cap-bottom">
                                  <ul>
                                      <li><i class="far fa-clock"></i>4天3晚</li>
                                      <li><i class="fas fa-map-marker-alt"></i>安徽</li>
                                  </ul>
                              </div>
                          </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Favourite Places End -->
        <!-- Video Start Arera -->
        <!-- <div class="video-area video-bg pt-200 pb-200" data-background="static/image/video-bg.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="video-caption text-center">
                            <p class="pera1">开往春天的轮渡</p>
                            <p class="pera2">领略皖南小众古村多彩春意</p>
                            <p class="pera3">千岛湖大道骑行赏自然风光</p>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- Video Start End -->
        <!-- Support Company Start-->
        <!-- <div class="support-company-area support-padding fix">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-6 col-lg-6">
                        <div class="support-location-img mb-50">
                            <img src="static/picture/support-img.jpg" alt="">
                            <div class="support-img-cap">
                                <span>Since 1992</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6">
                        <div class="right-caption">
                            <div class="section-tittle section-tittle2">
                                <span>About Our Company</span>
                                <h2>We are Go Trip <br>Ravels Support Company</h2>
                            </div>
                            <div class="support-caption">
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud</p>
                                <div class="select-suport-items">
                                    <label class="single-items">Lorem ipsum dolor sit amet
                                        <input type="checkbox" checked="checked active">
                                        <span class="checkmark"></span>
                                    </label>
                                    <label class="single-items">Consectetur adipisicing sed do
                                        <input type="checkbox" checked="checked active">
                                        <span class="checkmark"></span>
                                    </label>
                                    <label class="single-items">Eiusmod tempor incididunt
                                        <input type="checkbox" checked="checked active">
                                        <span class="checkmark"></span>
                                    </label>
                                    <label class="single-items">Ad minim veniam, quis nostrud.
                                        <input type="checkbox" checked="checked active">
                                        <span class="checkmark"></span>
                                    </label>
                                </div>
                                <a href="#" class="btn border-btn">About us</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- Support Company End-->
        <!-- Testimonial Start -->
        <!-- Testimonial Start -->
        <div class="testimonial-area testimonial-padding" data-background="static/image/h1_hero.jpg">
            <div class="container ">
                <div class="row d-flex justify-content-center">
                    <div class="col-xl-11 col-lg-11 col-md-9">
                        <div class="h1-testimonial-active">
                            <!-- Single Testimonial -->
                            <div class="single-testimonial text-center">
                                <!-- Testimonial Content -->
                                <div class="testimonial-caption ">
                                  <div class="testimonial-top-cap">
                                    <img src="static/picture/testimonial.png" alt="">
                                    <p style="color: #fff !important;">开往春天的轮渡，领略皖南小众古村多彩春意，千岛湖大道骑行赏自然风光</p>
                                  </div>
                                  <div class="testimonial-founder d-flex align-items-center justify-content-center">
                                    <p class="caps-text">四月[自然居民]体验行</p>
                                  </div>
                                </div>
                            </div>
                            <div class="single-testimonial text-center">
                              <!-- Testimonial Content -->
                              <div class="testimonial-caption ">
                                <div class="testimonial-top-cap">
                                  <img src="static/picture/testimonial.png" alt="">
                                  <p style="color: #fff !important;">去森林把烦恼精华，去山野把烦恼一吐为快</p>
                                </div>
                                <div class="testimonial-founder d-flex align-items-center justify-content-center">
                                  <p class="caps-text">九溪十八涧Hiking</p>
                                </div>
                              </div>
                          </div>
                            <!-- Single Testimonial -->
                            <!-- <div class="single-testimonial text-center">
                                <div class="testimonial-caption ">
                                  <div class="testimonial-top-cap">
                                    <img src="static/picture/testimonial.png" alt="">
                                    <p>Logisti Group is a representative logistics operator providing full range of ser
                                        of customs clearance and transportation worl.</p>
                                  </div>
                                  <div class="testimonial-founder d-flex align-items-center justify-content-center">
                                    <div class="founder-img">
                                        <img src="static/picture/Homepage_testi.png" alt="">
                                    </div>
                                    <div class="founder-text">
                                        <span>Jessya Inn</span>
                                        <p>Co Founder</p>
                                    </div>
                                  </div>
                                </div>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Testimonial End -->
        <!-- Blog Area Start -->
        <!-- <div class="home-blog-area section-padding2">
            <div class="container">
                
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-tittle text-center">
                            <span>Our Recent news</span>
                            <h2>Tourist Blog</h2>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="home-blog-single mb-30">
                            <div class="blog-img-cap">
                                <div class="blog-img">
                                    <img src="static/picture/home-blog1.jpg" alt="">
                                </div>
                                <div class="blog-cap">
                                    <p> |   Traveling</p>
                                    <h3><a href="single-blog.html">Tips For Taking A Long-Term Trip With Kids.</a></h3>
                                    <a href="#" class="more-btn">Read more »</a>
                                </div>
                            </div>
                            <div class="blog-date text-center">
                                <span>24</span>
                                <p>Now</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6 col-md-6">
                        <div class="home-blog-single mb-30">
                            <div class="blog-img-cap">
                                <div class="blog-img">
                                    <img src="static/picture/home-blog2.jpg" alt="">
                                </div>
                                <div class="blog-cap">
                                    <p> |   Traveling</p>
                                    <h3><a href="single-blog.html">Tips For Taking A Long-Term Trip With Kids.</a></h3>
                                    <a href="#" class="more-btn">Read more »</a>
                                </div>
                            </div>
                            <div class="blog-date text-center">
                                <span>24</span>
                                <p>Now</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <!-- Blog Area End -->

    </main>
    <footer class="footers"></footer>

	<!-- JS here -->
	
		<!-- All JS Custom Plugins Link Here here -->
        <script src="static/js/modernizr-3.5.0.min.js"></script>
		
		<!-- Jquery, Popper, Bootstrap -->
		<script src="static/js/jquery-1.12.4.min.js"></script>
        <script src="static/js/popper.min.js"></script>
        <script src="static/js/bootstrap.min.js"></script>
	    <!-- Jquery Mobile Menu -->
        <script src="static/js/jquery.slicknav.min.js"></script>

		<!-- Jquery Slick , Owl-Carousel Plugins -->
        <script src="static/js/owl.carousel.min.js"></script>
        <script src="static/js/slick.min.js"></script>
		<!-- One Page, Animated-HeadLin -->
        <script src="static/js/wow.min.js"></script>
		<script src="static/js/animated.headline.js"></script>
        <script src="static/js/jquery.magnific-popup.js"></script>

		<!-- Scrollup, nice-select, sticky -->
        <script src="static/js/jquery.scrollUp.min.js"></script>
        <script src="static/js/jquery.nice-select.min.js"></script>
		<script src="static/js/jquery.sticky.js"></script>
        
        <!-- contact js -->
        <script src="static/js/contact.js"></script>
        <script src="static/js/jquery.form.js"></script>
        <script src="static/js/jquery.validate.min.js"></script>
        <script src="static/js/mail-script.js"></script>
        <script src="static/js/jquery.ajaxchimp.min.js"></script>
        
		<!-- Jquery Plugins, main Jquery -->	
        <script src="static/js/plugins.js"></script>
        <script src="static/js/main.js"></script>
        <!-- 加载公共头部和底部 -->
        <script>
          // 加载公共头部
          $(".headers").load("./common/header.html");
          // 加载公共底部
          $(".footers").load("./common/footer.html");
        </script>
    </body>
</html>